<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=223688" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon kfont">&#xe705;</span>
                <div class="name">圈</div>
                <div class="code-name">&amp;#xe705;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe702;</span>
                <div class="name">选中</div>
                <div class="code-name">&amp;#xe702;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6fd;</span>
                <div class="name">office-word</div>
                <div class="code-name">&amp;#xe6fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6ff;</span>
                <div class="name">office-excel</div>
                <div class="code-name">&amp;#xe6ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe700;</span>
                <div class="name">office-pptx</div>
                <div class="code-name">&amp;#xe700;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6fc;</span>
                <div class="name">chart-bar</div>
                <div class="code-name">&amp;#xe6fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6fb;</span>
                <div class="name">menu-unfold</div>
                <div class="code-name">&amp;#xe6fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6f6;</span>
                <div class="name">menu-fold</div>
                <div class="code-name">&amp;#xe6f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6f9;</span>
                <div class="name">身份证正面</div>
                <div class="code-name">&amp;#xe6f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6fa;</span>
                <div class="name">银行卡</div>
                <div class="code-name">&amp;#xe6fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6f8;</span>
                <div class="name">user</div>
                <div class="code-name">&amp;#xe6f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6f1;</span>
                <div class="name">银行卡</div>
                <div class="code-name">&amp;#xe6f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6f5;</span>
                <div class="name">身份证背面</div>
                <div class="code-name">&amp;#xe6f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6f0;</span>
                <div class="name">签名</div>
                <div class="code-name">&amp;#xe6f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6f4;</span>
                <div class="name">bg-pdf</div>
                <div class="code-name">&amp;#xe6f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6f3;</span>
                <div class="name">录屏</div>
                <div class="code-name">&amp;#xe6f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe832;</span>
                <div class="name">video</div>
                <div class="code-name">&amp;#xe832;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6ee;</span>
                <div class="name">远程协助</div>
                <div class="code-name">&amp;#xe6ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6ef;</span>
                <div class="name">camera</div>
                <div class="code-name">&amp;#xe6ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6f2;</span>
                <div class="name">链接</div>
                <div class="code-name">&amp;#xe6f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6ed;</span>
                <div class="name">过滤</div>
                <div class="code-name">&amp;#xe6ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe88f;</span>
                <div class="name">列表</div>
                <div class="code-name">&amp;#xe88f;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe70e;</span>
                <div class="name">过滤器</div>
                <div class="code-name">&amp;#xe70e;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe821;</span>
                <div class="name">排列</div>
                <div class="code-name">&amp;#xe821;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe7a9;</span>
                <div class="name">列表式排列</div>
                <div class="code-name">&amp;#xe7a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6ea;</span>
                <div class="name">直播</div>
                <div class="code-name">&amp;#xe6ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6eb;</span>
                <div class="name">直播</div>
                <div class="code-name">&amp;#xe6eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6ec;</span>
                <div class="name">直播  视频  摄像</div>
                <div class="code-name">&amp;#xe6ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6e4;</span>
                <div class="name">活动</div>
                <div class="code-name">&amp;#xe6e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6e5;</span>
                <div class="name">文件包</div>
                <div class="code-name">&amp;#xe6e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6e6;</span>
                <div class="name">营销工具-团购秒杀</div>
                <div class="code-name">&amp;#xe6e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6e7;</span>
                <div class="name">文件包</div>
                <div class="code-name">&amp;#xe6e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6e8;</span>
                <div class="name">活动</div>
                <div class="code-name">&amp;#xe6e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6e3;</span>
                <div class="name">营销活动</div>
                <div class="code-name">&amp;#xe6e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6d4;</span>
                <div class="name">交易</div>
                <div class="code-name">&amp;#xe6d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6d5;</span>
                <div class="name">店铺</div>
                <div class="code-name">&amp;#xe6d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6d8;</span>
                <div class="name">交易</div>
                <div class="code-name">&amp;#xe6d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6d9;</span>
                <div class="name">营销设置</div>
                <div class="code-name">&amp;#xe6d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6da;</span>
                <div class="name">营销管理</div>
                <div class="code-name">&amp;#xe6da;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe9e5;</span>
                <div class="name">超融合数据中心</div>
                <div class="code-name">&amp;#xe9e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6e9;</span>
                <div class="name">素材库</div>
                <div class="code-name">&amp;#xe6e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6e2;</span>
                <div class="name">数据中心</div>
                <div class="code-name">&amp;#xe6e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6db;</span>
                <div class="name">大数据 数据库 数据中心</div>
                <div class="code-name">&amp;#xe6db;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6dc;</span>
                <div class="name">店铺</div>
                <div class="code-name">&amp;#xe6dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6de;</span>
                <div class="name">全渠道</div>
                <div class="code-name">&amp;#xe6de;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6df;</span>
                <div class="name">素材库</div>
                <div class="code-name">&amp;#xe6df;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6e0;</span>
                <div class="name">大数据</div>
                <div class="code-name">&amp;#xe6e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe72c;</span>
                <div class="name">产业大数据服务平台</div>
                <div class="code-name">&amp;#xe72c;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6e1;</span>
                <div class="name">大数据中心</div>
                <div class="code-name">&amp;#xe6e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6d3;</span>
                <div class="name">919菜单_修理</div>
                <div class="code-name">&amp;#xe6d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6d2;</span>
                <div class="name">分类</div>
                <div class="code-name">&amp;#xe6d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6d0;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe6d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6d1;</span>
                <div class="name">加号</div>
                <div class="code-name">&amp;#xe6d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6cf;</span>
                <div class="name">收藏</div>
                <div class="code-name">&amp;#xe6cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6cd;</span>
                <div class="name">收藏</div>
                <div class="code-name">&amp;#xe6cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6ca;</span>
                <div class="name">project</div>
                <div class="code-name">&amp;#xe6ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6cb;</span>
                <div class="name">project-setting</div>
                <div class="code-name">&amp;#xe6cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6bc;</span>
                <div class="name">部门</div>
                <div class="code-name">&amp;#xe6bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6bf;</span>
                <div class="name">部门管理</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6c0;</span>
                <div class="name">部门管理</div>
                <div class="code-name">&amp;#xe6c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6c1;</span>
                <div class="name">部门管理</div>
                <div class="code-name">&amp;#xe6c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6c2;</span>
                <div class="name">部门</div>
                <div class="code-name">&amp;#xe6c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe710;</span>
                <div class="name">部门审批</div>
                <div class="code-name">&amp;#xe710;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6c3;</span>
                <div class="name">部门</div>
                <div class="code-name">&amp;#xe6c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe752;</span>
                <div class="name">部门管理</div>
                <div class="code-name">&amp;#xe752;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6c5;</span>
                <div class="name">部门</div>
                <div class="code-name">&amp;#xe6c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6c7;</span>
                <div class="name">部门管理</div>
                <div class="code-name">&amp;#xe6c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6c8;</span>
                <div class="name">部门管理</div>
                <div class="code-name">&amp;#xe6c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6c9;</span>
                <div class="name">部门管理</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6bd;</span>
                <div class="name">yqf_切换</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6c4;</span>
                <div class="name">换一换</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6b2;</span>
                <div class="name">data04</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6b3;</span>
                <div class="name">database-2</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6b4;</span>
                <div class="name">nav-data-source</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6b5;</span>
                <div class="name">cube</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6b9;</span>
                <div class="name">099-cloud-database</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6ba;</span>
                <div class="name">tool_cube</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe7dd;</span>
                <div class="name">ios-cube</div>
                <div class="code-name">&amp;#xe7dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe7ee;</span>
                <div class="name">3D MODEL</div>
                <div class="code-name">&amp;#xe7ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6bb;</span>
                <div class="name">57PS Cloud Production Data</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6b0;</span>
                <div class="name">贷后处理</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6b1;</span>
                <div class="name">后处理</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6d7;</span>
                <div class="name">话后处理</div>
                <div class="code-name">&amp;#xe6d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe73c;</span>
                <div class="name">话后处理</div>
                <div class="code-name">&amp;#xe73c;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6ad;</span>
                <div class="name">小休</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6ae;</span>
                <div class="name">会议</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6af;</span>
                <div class="name">会议</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe869;</span>
                <div class="name">状态</div>
                <div class="code-name">&amp;#xe869;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6a6;</span>
                <div class="name">日期</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6a7;</span>
                <div class="name">日期</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6a8;</span>
                <div class="name">日期</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6a1;</span>
                <div class="name">切换</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6a2;</span>
                <div class="name">切换</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6a3;</span>
                <div class="name">切换</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xeca4;</span>
                <div class="name">切换</div>
                <div class="code-name">&amp;#xeca4;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe69e;</span>
                <div class="name">CRM</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe69f;</span>
                <div class="name">crm</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6cc;</span>
                <div class="name">CRM</div>
                <div class="code-name">&amp;#xe6cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6a0;</span>
                <div class="name">CRM </div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe848;</span>
                <div class="name">CRM</div>
                <div class="code-name">&amp;#xe848;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe69b;</span>
                <div class="name">crm2</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe69c;</span>
                <div class="name">CRM 02</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe69d;</span>
                <div class="name">crm</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe692;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe693;</span>
                <div class="name">聊天</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe694;</span>
                <div class="name">查找</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe696;</span>
                <div class="name">清除</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6aa;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6ac;</span>
                <div class="name">课程管理</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6b8;</span>
                <div class="name">放大</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6f7;</span>
                <div class="name">消息</div>
                <div class="code-name">&amp;#xe6f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6fe;</span>
                <div class="name">位置</div>
                <div class="code-name">&amp;#xe6fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe703;</span>
                <div class="name">我</div>
                <div class="code-name">&amp;#xe703;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe75d;</span>
                <div class="name">删除附件</div>
                <div class="code-name">&amp;#xe75d;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe68f;</span>
                <div class="name">名单分配</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe691;</span>
                <div class="name">机器人</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe686;</span>
                <div class="name">集群</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe688;</span>
                <div class="name">采集</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe68a;</span>
                <div class="name">接口管理</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe68b;</span>
                <div class="name">网络爬虫平台</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe68d;</span>
                <div class="name">Dashboard</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe68e;</span>
                <div class="name">task</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6dd;</span>
                <div class="name">dashboard</div>
                <div class="code-name">&amp;#xe6dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe685;</span>
                <div class="name">dashboard</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xecf0;</span>
                <div class="name">dashboard</div>
                <div class="code-name">&amp;#xecf0;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe68c;</span>
                <div class="name">质检</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe656;</span>
                <div class="name">质检</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe657;</span>
                <div class="name">质检</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe673;</span>
                <div class="name">质检</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6b6;</span>
                <div class="name">质检服务</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe65e;</span>
                <div class="name">质检</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe665;</span>
                <div class="name">质检</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe666;</span>
                <div class="name">质检</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe667;</span>
                <div class="name">质检</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe668;</span>
                <div class="name">AI质检报表</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe669;</span>
                <div class="name">AI质检报表_h</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe66b;</span>
                <div class="name">质检分配_h</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe66d;</span>
                <div class="name">质检审核</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe671;</span>
                <div class="name">质检审核_h</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe677;</span>
                <div class="name">质检复核_h</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe67d;</span>
                <div class="name">质检结果</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe67f;</span>
                <div class="name">质检单</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe680;</span>
                <div class="name">品质检测</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe681;</span>
                <div class="name">品质检测</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe64e;</span>
                <div class="name">报表</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe64f;</span>
                <div class="name">报表</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe651;</span>
                <div class="name">报表</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe652;</span>
                <div class="name">报表分析</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe653;</span>
                <div class="name">报表 表尾管理</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6d6;</span>
                <div class="name">报表</div>
                <div class="code-name">&amp;#xe6d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe72f;</span>
                <div class="name">checkbox-multiple-marked-outline</div>
                <div class="code-name">&amp;#xe72f;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe64c;</span>
                <div class="name">ID登录</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe64b;</span>
                <div class="name">ring pause</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe682;</span>
                <div class="name">time</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe683;</span>
                <div class="name">time_2</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6ce;</span>
                <div class="name">time</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe735;</span>
                <div class="name">time</div>
                <div class="code-name">&amp;#xe735;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe63c;</span>
                <div class="name">预览</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe852;</span>
                <div class="name">预览</div>
                <div class="code-name">&amp;#xe852;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe722;</span>
                <div class="name">预览</div>
                <div class="code-name">&amp;#xe722;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe649;</span>
                <div class="name">预览</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe684;</span>
                <div class="name">预览</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6a9;</span>
                <div class="name">预览</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe63b;</span>
                <div class="name">iconfont-time</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe644;</span>
                <div class="name">来料品质检验</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6c6;</span>
                <div class="name">业务G</div>
                <div class="code-name">&amp;#xe6c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe63e;</span>
                <div class="name">业务</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe640;</span>
                <div class="name">业务</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe645;</span>
                <div class="name">业务</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe646;</span>
                <div class="name">业务</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe648;</span>
                <div class="name">业务</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe662;</span>
                <div class="name">业务</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe904;</span>
                <div class="name">业务</div>
                <div class="code-name">&amp;#xe904;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe7a2;</span>
                <div class="name">公用-ivr</div>
                <div class="code-name">&amp;#xe7a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe67c;</span>
                <div class="name">文件</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe660;</span>
                <div class="name">代办</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6a5;</span>
                <div class="name">印章-审批拒绝</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe69a;</span>
                <div class="name">审批_已拒绝</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe639;</span>
                <div class="name">审批退回</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe674;</span>
                <div class="name">审批拒绝</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe636;</span>
                <div class="name">workflow</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe664;</span>
                <div class="name">Poseidon－Workflow</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe638;</span>
                <div class="name">WorkflowMonitoring</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe632;</span>
                <div class="name">workflow</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe630;</span>
                <div class="name">知识库</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe62a;</span>
                <div class="name">know</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe62d;</span>
                <div class="name">knowledge</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe678;</span>
                <div class="name">icon_unknown_filled</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe67a;</span>
                <div class="name">icon_unknown_wirefra</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe62e;</span>
                <div class="name">user-unknown</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe62f;</span>
                <div class="name">ic_knowledge_border_</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe633;</span>
                <div class="name">ic_knowledge_24px</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe807;</span>
                <div class="name">icon-knowledge</div>
                <div class="code-name">&amp;#xe807;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe628;</span>
                <div class="name">knowledge</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe655;</span>
                <div class="name">icon_knowledge</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe643;</span>
                <div class="name">Our knowledge</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe753;</span>
                <div class="name">电话会议</div>
                <div class="code-name">&amp;#xe753;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe679;</span>
                <div class="name">icon_Dial_down</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe637;</span>
                <div class="name">phone</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe675;</span>
                <div class="name">delete</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe61f;</span>
                <div class="name">login_icon_phone</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe622;</span>
                <div class="name">logout</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6b7;</span>
                <div class="name">审批_图章_通过</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe624;</span>
                <div class="name">ready_follow</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe625;</span>
                <div class="name">call in</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6a4;</span>
                <div class="name">印章-审批通过</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe689;</span>
                <div class="name">30_offline_oval</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe67e;</span>
                <div class="name">Hang up-1</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe663;</span>
                <div class="name">call_transfer</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe626;</span>
                <div class="name">hang-up</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe698;</span>
                <div class="name">answer</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe66a;</span>
                <div class="name">审批通过</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe697;</span>
                <div class="name">审批_通过</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe670;</span>
                <div class="name">Call</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe71c;</span>
                <div class="name">设备</div>
                <div class="code-name">&amp;#xe71c;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe627;</span>
                <div class="name">审批-01</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe65d;</span>
                <div class="name">ERP_xq采购</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe7fa;</span>
                <div class="name">server gis服务平台</div>
                <div class="code-name">&amp;#xe7fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe64a;</span>
                <div class="name">phone</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe629;</span>
                <div class="name">phone</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe695;</span>
                <div class="name">phone</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe647;</span>
                <div class="name">phone</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe617;</span>
                <div class="name">attachment</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe61b;</span>
                <div class="name">attachment</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe61e;</span>
                <div class="name">attachment</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe704;</span>
                <div class="name">知识管理</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe615;</span>
                <div class="name">知识</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe616;</span>
                <div class="name">知识</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe66c;</span>
                <div class="name">知识分类</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe699;</span>
                <div class="name">知识</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe614;</span>
                <div class="name">words2</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe61d;</span>
                <div class="name">words</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe676;</span>
                <div class="name">ai</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe66e;</span>
                <div class="name">AI</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6ab;</span>
                <div class="name">ai</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe67b;</span>
                <div class="name">AI</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe63a;</span>
                <div class="name">ai</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe65f;</span>
                <div class="name">Ai</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe611;</span>
                <div class="name">off</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe7e2;</span>
                <div class="name">off</div>
                <div class="code-name">&amp;#xe7e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe621;</span>
                <div class="name">off</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe757;</span>
                <div class="name">discharge_summary</div>
                <div class="code-name">&amp;#xe757;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe60e;</span>
                <div class="name">end</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe65c;</span>
                <div class="name">summary_line</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe61a;</span>
                <div class="name">node_end</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe7c8;</span>
                <div class="name">show_summary_img</div>
                <div class="code-name">&amp;#xe7c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe7be;</span>
                <div class="name">transfer</div>
                <div class="code-name">&amp;#xe7be;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe60f;</span>
                <div class="name">Summary_today</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe82d;</span>
                <div class="name">priority</div>
                <div class="code-name">&amp;#xe82d;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe623;</span>
                <div class="name">fav_active</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe608;</span>
                <div class="name">iconfont-fav</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe607;</span>
                <div class="name">work</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe606;</span>
                <div class="name">orders</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe60d;</span>
                <div class="name">chat</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe631;</span>
                <div class="name">weixin</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe64d;</span>
                <div class="name">weixin</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe610;</span>
                <div class="name">chat</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe66f;</span>
                <div class="name">iconfont-ivr</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe609;</span>
                <div class="name">import</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe62c;</span>
                <div class="name">export</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe641;</span>
                <div class="name">import</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe654;</span>
                <div class="name">import</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe65a;</span>
                <div class="name">import</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe89a;</span>
                <div class="name">import</div>
                <div class="code-name">&amp;#xe89a;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe605;</span>
                <div class="name">export</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe672;</span>
                <div class="name">export</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe65b;</span>
                <div class="name">Import</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe60c;</span>
                <div class="name">import</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe612;</span>
                <div class="name">export</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe650;</span>
                <div class="name">customer</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe63d;</span>
                <div class="name">m-quick-quotation</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe63f;</span>
                <div class="name">tag</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe8a7;</span>
                <div class="name">agent_blacklist</div>
                <div class="code-name">&amp;#xe8a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe659;</span>
                <div class="name">history</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe60a;</span>
                <div class="name">history</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe690;</span>
                <div class="name">history</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe7eb;</span>
                <div class="name">history</div>
                <div class="code-name">&amp;#xe7eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe634;</span>
                <div class="name">收件箱</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe62b;</span>
                <div class="name">收件箱_标签栏</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe602;</span>
                <div class="name">收件箱（未选中）</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe642;</span>
                <div class="name">user</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe60b;</span>
                <div class="name">user</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe604;</span>
                <div class="name">user</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe600;</span>
                <div class="name">user</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe801;</span>
                <div class="name">windows</div>
                <div class="code-name">&amp;#xe801;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe603;</span>
                <div class="name">mobile</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe6be;</span>
                <div class="name">mac</div>
                <div class="code-name">&amp;#xe6be;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe726;</span>
                <div class="name">linux</div>
                <div class="code-name">&amp;#xe726;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe701;</span>
                <div class="name">mac</div>
                <div class="code-name">&amp;#xe701;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe601;</span>
                <div class="name">pc</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe613;</span>
                <div class="name">tel</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe61c;</span>
                <div class="name">email</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe619;</span>
                <div class="name">tel</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe661;</span>
                <div class="name">Thumbs up</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe71a;</span>
                <div class="name">VIP</div>
                <div class="code-name">&amp;#xe71a;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe7e5;</span>
                <div class="name">认证</div>
                <div class="code-name">&amp;#xe7e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe7d0;</span>
                <div class="name">user_role</div>
                <div class="code-name">&amp;#xe7d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe90b;</span>
                <div class="name">user-role</div>
                <div class="code-name">&amp;#xe90b;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe618;</span>
                <div class="name">password</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe687;</span>
                <div class="name">password</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe658;</span>
                <div class="name">license</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe620;</span>
                <div class="name">iconfont-agent</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe635;</span>
                <div class="name">upgrade</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon kfont">&#xe717;</span>
                <div class="name">home</div>
                <div class="code-name">&amp;#xe717;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'kfont';
  src: url('iconfont.woff2?t=1622163857597') format('woff2'),
       url('iconfont.woff?t=1622163857597') format('woff'),
       url('iconfont.ttf?t=1622163857597') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.kfont {
  font-family: "kfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="kfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"kfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon kfont icon-circle"></span>
            <div class="name">
              圈
            </div>
            <div class="code-name">.icon-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-xuanzhong"></span>
            <div class="name">
              选中
            </div>
            <div class="code-name">.icon-xuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-office-word"></span>
            <div class="name">
              office-word
            </div>
            <div class="code-name">.icon-office-word
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-office-excel"></span>
            <div class="name">
              office-excel
            </div>
            <div class="code-name">.icon-office-excel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-office-pptx"></span>
            <div class="name">
              office-pptx
            </div>
            <div class="code-name">.icon-office-pptx
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-chart-bar"></span>
            <div class="name">
              chart-bar
            </div>
            <div class="code-name">.icon-chart-bar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-menu-unfold"></span>
            <div class="name">
              menu-unfold
            </div>
            <div class="code-name">.icon-menu-unfold
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-menu-fold1"></span>
            <div class="name">
              menu-fold
            </div>
            <div class="code-name">.icon-menu-fold1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-shenfenzhengzhengmian1"></span>
            <div class="name">
              身份证正面
            </div>
            <div class="code-name">.icon-shenfenzhengzhengmian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-yinhangqia"></span>
            <div class="name">
              银行卡
            </div>
            <div class="code-name">.icon-yinhangqia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-user2"></span>
            <div class="name">
              user
            </div>
            <div class="code-name">.icon-user2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-iconset0291"></span>
            <div class="name">
              银行卡
            </div>
            <div class="code-name">.icon-iconset0291
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-shenfenzhengbeimian"></span>
            <div class="name">
              身份证背面
            </div>
            <div class="code-name">.icon-shenfenzhengbeimian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-qianming"></span>
            <div class="name">
              签名
            </div>
            <div class="code-name">.icon-qianming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-bg-pdf"></span>
            <div class="name">
              bg-pdf
            </div>
            <div class="code-name">.icon-bg-pdf
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-luping"></span>
            <div class="name">
              录屏
            </div>
            <div class="code-name">.icon-luping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-video"></span>
            <div class="name">
              video
            </div>
            <div class="code-name">.icon-video
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-yuanchengxiezhu"></span>
            <div class="name">
              远程协助
            </div>
            <div class="code-name">.icon-yuanchengxiezhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-camera"></span>
            <div class="name">
              camera
            </div>
            <div class="code-name">.icon-camera
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-lianjie"></span>
            <div class="name">
              链接
            </div>
            <div class="code-name">.icon-lianjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-guolv"></span>
            <div class="name">
              过滤
            </div>
            <div class="code-name">.icon-guolv
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-liebiao"></span>
            <div class="name">
              列表
            </div>
            <div class="code-name">.icon-liebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-guolvqi"></span>
            <div class="name">
              过滤器
            </div>
            <div class="code-name">.icon-guolvqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-pailie"></span>
            <div class="name">
              排列
            </div>
            <div class="code-name">.icon-pailie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-liebiaoshipailie"></span>
            <div class="name">
              列表式排列
            </div>
            <div class="code-name">.icon-liebiaoshipailie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-zhibo"></span>
            <div class="name">
              直播
            </div>
            <div class="code-name">.icon-zhibo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-zhibo-"></span>
            <div class="name">
              直播
            </div>
            <div class="code-name">.icon-zhibo-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-zhiboshipinshexiang"></span>
            <div class="name">
              直播  视频  摄像
            </div>
            <div class="code-name">.icon-zhiboshipinshexiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-huodong"></span>
            <div class="name">
              活动
            </div>
            <div class="code-name">.icon-huodong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-wenjianbao"></span>
            <div class="name">
              文件包
            </div>
            <div class="code-name">.icon-wenjianbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-yingxiaogongju-tuangoumiaosha"></span>
            <div class="name">
              营销工具-团购秒杀
            </div>
            <div class="code-name">.icon-yingxiaogongju-tuangoumiaosha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-icon_huabanfuben"></span>
            <div class="name">
              文件包
            </div>
            <div class="code-name">.icon-icon_huabanfuben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-huodong1"></span>
            <div class="name">
              活动
            </div>
            <div class="code-name">.icon-huodong1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-yingxiaohuodong"></span>
            <div class="name">
              营销活动
            </div>
            <div class="code-name">.icon-yingxiaohuodong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-jiaoyi"></span>
            <div class="name">
              交易
            </div>
            <div class="code-name">.icon-jiaoyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-dianpu"></span>
            <div class="name">
              店铺
            </div>
            <div class="code-name">.icon-dianpu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-jiaoyi1"></span>
            <div class="name">
              交易
            </div>
            <div class="code-name">.icon-jiaoyi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-yingxiaoshezhi"></span>
            <div class="name">
              营销设置
            </div>
            <div class="code-name">.icon-yingxiaoshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-yingxiaoguanli"></span>
            <div class="name">
              营销管理
            </div>
            <div class="code-name">.icon-yingxiaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-chaorongheshujuzhongxin"></span>
            <div class="name">
              超融合数据中心
            </div>
            <div class="code-name">.icon-chaorongheshujuzhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-RectangleCopy"></span>
            <div class="name">
              素材库
            </div>
            <div class="code-name">.icon-RectangleCopy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-shujuzhongxin"></span>
            <div class="name">
              数据中心
            </div>
            <div class="code-name">.icon-shujuzhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-myicon-"></span>
            <div class="name">
              大数据 数据库 数据中心
            </div>
            <div class="code-name">.icon-myicon-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-dianpu1"></span>
            <div class="name">
              店铺
            </div>
            <div class="code-name">.icon-dianpu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-quanqudao"></span>
            <div class="name">
              全渠道
            </div>
            <div class="code-name">.icon-quanqudao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-sucaiku"></span>
            <div class="name">
              素材库
            </div>
            <div class="code-name">.icon-sucaiku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-dashuju___"></span>
            <div class="name">
              大数据
            </div>
            <div class="code-name">.icon-dashuju___
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-chanyedashujufuwupingtai"></span>
            <div class="name">
              产业大数据服务平台
            </div>
            <div class="code-name">.icon-chanyedashujufuwupingtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-dashujuzhongxin"></span>
            <div class="name">
              大数据中心
            </div>
            <div class="code-name">.icon-dashujuzhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-919caidan_xiuli"></span>
            <div class="name">
              919菜单_修理
            </div>
            <div class="code-name">.icon-919caidan_xiuli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-fenlei"></span>
            <div class="name">
              分类
            </div>
            <div class="code-name">.icon-fenlei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-iconfontzhizuobiaozhun023130"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-iconfontzhizuobiaozhun023130
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-jiahao"></span>
            <div class="name">
              加号
            </div>
            <div class="code-name">.icon-jiahao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-shoucang1"></span>
            <div class="name">
              收藏
            </div>
            <div class="code-name">.icon-shoucang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-shoucang"></span>
            <div class="name">
              收藏
            </div>
            <div class="code-name">.icon-shoucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-xiangmu1"></span>
            <div class="name">
              project
            </div>
            <div class="code-name">.icon-xiangmu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-project-setting"></span>
            <div class="name">
              project-setting
            </div>
            <div class="code-name">.icon-project-setting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-bumen"></span>
            <div class="name">
              部门
            </div>
            <div class="code-name">.icon-bumen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-bumenguanli"></span>
            <div class="name">
              部门管理
            </div>
            <div class="code-name">.icon-bumenguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-iconbmgl"></span>
            <div class="name">
              部门管理
            </div>
            <div class="code-name">.icon-iconbmgl
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-web-icon-"></span>
            <div class="name">
              部门管理
            </div>
            <div class="code-name">.icon-web-icon-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-bumen1"></span>
            <div class="name">
              部门
            </div>
            <div class="code-name">.icon-bumen1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-drxx27"></span>
            <div class="name">
              部门审批
            </div>
            <div class="code-name">.icon-drxx27
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-bumen2"></span>
            <div class="name">
              部门
            </div>
            <div class="code-name">.icon-bumen2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-bumenguanli1"></span>
            <div class="name">
              部门管理
            </div>
            <div class="code-name">.icon-bumenguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-bumen3"></span>
            <div class="name">
              部门
            </div>
            <div class="code-name">.icon-bumen3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-bumenguanli2"></span>
            <div class="name">
              部门管理
            </div>
            <div class="code-name">.icon-bumenguanli2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-bumenguanli3"></span>
            <div class="name">
              部门管理
            </div>
            <div class="code-name">.icon-bumenguanli3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-bumenguanli4"></span>
            <div class="name">
              部门管理
            </div>
            <div class="code-name">.icon-bumenguanli4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-yqfqiehuan"></span>
            <div class="name">
              yqf_切换
            </div>
            <div class="code-name">.icon-yqfqiehuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-huanyihuan"></span>
            <div class="name">
              换一换
            </div>
            <div class="code-name">.icon-huanyihuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-data04"></span>
            <div class="name">
              data04
            </div>
            <div class="code-name">.icon-data04
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-database-2"></span>
            <div class="name">
              database-2
            </div>
            <div class="code-name">.icon-database-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-navdatasource"></span>
            <div class="name">
              nav-data-source
            </div>
            <div class="code-name">.icon-navdatasource
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-cube"></span>
            <div class="name">
              cube
            </div>
            <div class="code-name">.icon-cube
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon--cloud-database"></span>
            <div class="name">
              099-cloud-database
            </div>
            <div class="code-name">.icon--cloud-database
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-tool_cube"></span>
            <div class="name">
              tool_cube
            </div>
            <div class="code-name">.icon-tool_cube
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-ios-cube"></span>
            <div class="name">
              ios-cube
            </div>
            <div class="code-name">.icon-ios-cube
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-DMODEL"></span>
            <div class="name">
              3D MODEL
            </div>
            <div class="code-name">.icon-DMODEL
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-PSCloudProductionData"></span>
            <div class="name">
              57PS Cloud Production Data
            </div>
            <div class="code-name">.icon-PSCloudProductionData
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-daihouchuli"></span>
            <div class="name">
              贷后处理
            </div>
            <div class="code-name">.icon-daihouchuli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-houchuli"></span>
            <div class="name">
              后处理
            </div>
            <div class="code-name">.icon-houchuli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-huahouchuli"></span>
            <div class="name">
              话后处理
            </div>
            <div class="code-name">.icon-huahouchuli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-huahouchuli1"></span>
            <div class="name">
              话后处理
            </div>
            <div class="code-name">.icon-huahouchuli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-xiaoxiu"></span>
            <div class="name">
              小休
            </div>
            <div class="code-name">.icon-xiaoxiu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-huiyi"></span>
            <div class="name">
              会议
            </div>
            <div class="code-name">.icon-huiyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-meeting"></span>
            <div class="name">
              会议
            </div>
            <div class="code-name">.icon-meeting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-zhuangtai"></span>
            <div class="name">
              状态
            </div>
            <div class="code-name">.icon-zhuangtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-riqi"></span>
            <div class="name">
              日期
            </div>
            <div class="code-name">.icon-riqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-riqi1"></span>
            <div class="name">
              日期
            </div>
            <div class="code-name">.icon-riqi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-kongtiaoguankong-"></span>
            <div class="name">
              日期
            </div>
            <div class="code-name">.icon-kongtiaoguankong-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-icon1"></span>
            <div class="name">
              切换
            </div>
            <div class="code-name">.icon-icon1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-qiehuan"></span>
            <div class="name">
              切换
            </div>
            <div class="code-name">.icon-qiehuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-qiehuan1"></span>
            <div class="name">
              切换
            </div>
            <div class="code-name">.icon-qiehuan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-qiehuan2"></span>
            <div class="name">
              切换
            </div>
            <div class="code-name">.icon-qiehuan2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-CRM1"></span>
            <div class="name">
              CRM
            </div>
            <div class="code-name">.icon-CRM1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-kehuguanli"></span>
            <div class="name">
              crm
            </div>
            <div class="code-name">.icon-kehuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-CRM2"></span>
            <div class="name">
              CRM
            </div>
            <div class="code-name">.icon-CRM2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-CRM3"></span>
            <div class="name">
              CRM 
            </div>
            <div class="code-name">.icon-CRM3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-CRM4"></span>
            <div class="name">
              CRM
            </div>
            <div class="code-name">.icon-CRM4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-icon21"></span>
            <div class="name">
              crm2
            </div>
            <div class="code-name">.icon-icon21
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-CRM"></span>
            <div class="name">
              CRM 02
            </div>
            <div class="code-name">.icon-CRM
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-crm"></span>
            <div class="name">
              crm
            </div>
            <div class="code-name">.icon-crm
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-shachu-xue"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shachu-xue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-liaotian"></span>
            <div class="name">
              聊天
            </div>
            <div class="code-name">.icon-liaotian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-chazhao"></span>
            <div class="name">
              查找
            </div>
            <div class="code-name">.icon-chazhao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-qingchu"></span>
            <div class="name">
              清除
            </div>
            <div class="code-name">.icon-qingchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-shouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-kechengguanli"></span>
            <div class="name">
              课程管理
            </div>
            <div class="code-name">.icon-kechengguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-fangda1"></span>
            <div class="name">
              放大
            </div>
            <div class="code-name">.icon-fangda1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-xiaoxi1"></span>
            <div class="name">
              消息
            </div>
            <div class="code-name">.icon-xiaoxi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-weizhi"></span>
            <div class="name">
              位置
            </div>
            <div class="code-name">.icon-weizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-wo"></span>
            <div class="name">
              我
            </div>
            <div class="code-name">.icon-wo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-shanchu3"></span>
            <div class="name">
              删除附件
            </div>
            <div class="code-name">.icon-shanchu3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-mingdanfenpei"></span>
            <div class="name">
              名单分配
            </div>
            <div class="code-name">.icon-mingdanfenpei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-jiqiren"></span>
            <div class="name">
              机器人
            </div>
            <div class="code-name">.icon-jiqiren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-jiqun"></span>
            <div class="name">
              集群
            </div>
            <div class="code-name">.icon-jiqun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-caiji"></span>
            <div class="name">
              采集
            </div>
            <div class="code-name">.icon-caiji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-jiekouguanli"></span>
            <div class="name">
              接口管理
            </div>
            <div class="code-name">.icon-jiekouguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-wangluopachongpingtai"></span>
            <div class="name">
              网络爬虫平台
            </div>
            <div class="code-name">.icon-wangluopachongpingtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-Dashboard"></span>
            <div class="name">
              Dashboard
            </div>
            <div class="code-name">.icon-Dashboard
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-task"></span>
            <div class="name">
              task
            </div>
            <div class="code-name">.icon-task
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-dashboard"></span>
            <div class="name">
              dashboard
            </div>
            <div class="code-name">.icon-dashboard
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-dashboard1"></span>
            <div class="name">
              dashboard
            </div>
            <div class="code-name">.icon-dashboard1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-dashboard2"></span>
            <div class="name">
              dashboard
            </div>
            <div class="code-name">.icon-dashboard2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-012"></span>
            <div class="name">
              质检
            </div>
            <div class="code-name">.icon-012
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-zhijian"></span>
            <div class="name">
              质检
            </div>
            <div class="code-name">.icon-zhijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-zhijian1"></span>
            <div class="name">
              质检
            </div>
            <div class="code-name">.icon-zhijian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-quality"></span>
            <div class="name">
              质检
            </div>
            <div class="code-name">.icon-quality
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-zhijianfuwu"></span>
            <div class="name">
              质检服务
            </div>
            <div class="code-name">.icon-zhijianfuwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-zhijian2"></span>
            <div class="name">
              质检
            </div>
            <div class="code-name">.icon-zhijian2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-zhijian3"></span>
            <div class="name">
              质检
            </div>
            <div class="code-name">.icon-zhijian3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-012-copy"></span>
            <div class="name">
              质检
            </div>
            <div class="code-name">.icon-012-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-zhijian4"></span>
            <div class="name">
              质检
            </div>
            <div class="code-name">.icon-zhijian4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-AIzhijianbaobiao"></span>
            <div class="name">
              AI质检报表
            </div>
            <div class="code-name">.icon-AIzhijianbaobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-AIzhijianbaobiao_h"></span>
            <div class="name">
              AI质检报表_h
            </div>
            <div class="code-name">.icon-AIzhijianbaobiao_h
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-zhijianfenpei_h"></span>
            <div class="name">
              质检分配_h
            </div>
            <div class="code-name">.icon-zhijianfenpei_h
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-zhijianshenhe"></span>
            <div class="name">
              质检审核
            </div>
            <div class="code-name">.icon-zhijianshenhe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-zhijianshenhe_h"></span>
            <div class="name">
              质检审核_h
            </div>
            <div class="code-name">.icon-zhijianshenhe_h
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-zhijianfuhe_h"></span>
            <div class="name">
              质检复核_h
            </div>
            <div class="code-name">.icon-zhijianfuhe_h
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-zhijianjieguo"></span>
            <div class="name">
              质检结果
            </div>
            <div class="code-name">.icon-zhijianjieguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-zhijiandan_huaban"></span>
            <div class="name">
              质检单
            </div>
            <div class="code-name">.icon-zhijiandan_huaban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-shouye-"></span>
            <div class="name">
              品质检测
            </div>
            <div class="code-name">.icon-shouye-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-pinzhijiance"></span>
            <div class="name">
              品质检测
            </div>
            <div class="code-name">.icon-pinzhijiance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-baobiao"></span>
            <div class="name">
              报表
            </div>
            <div class="code-name">.icon-baobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-baobiao1"></span>
            <div class="name">
              报表
            </div>
            <div class="code-name">.icon-baobiao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-baobiao2"></span>
            <div class="name">
              报表
            </div>
            <div class="code-name">.icon-baobiao2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-baobiaofenxi-copy"></span>
            <div class="name">
              报表分析
            </div>
            <div class="code-name">.icon-baobiaofenxi-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-baobiaobiaoweiguanli"></span>
            <div class="name">
              报表 表尾管理
            </div>
            <div class="code-name">.icon-baobiaobiaoweiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-baobiao3"></span>
            <div class="name">
              报表
            </div>
            <div class="code-name">.icon-baobiao3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-checkboxmultiplemarkedoutline"></span>
            <div class="name">
              checkbox-multiple-marked-outline
            </div>
            <div class="code-name">.icon-checkboxmultiplemarkedoutline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-iddenglu"></span>
            <div class="name">
              ID登录
            </div>
            <div class="code-name">.icon-iddenglu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-ringpause"></span>
            <div class="name">
              ring pause
            </div>
            <div class="code-name">.icon-ringpause
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-time"></span>
            <div class="name">
              time
            </div>
            <div class="code-name">.icon-time
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-time2"></span>
            <div class="name">
              time_2
            </div>
            <div class="code-name">.icon-time2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-time1"></span>
            <div class="name">
              time
            </div>
            <div class="code-name">.icon-time1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-time3"></span>
            <div class="name">
              time
            </div>
            <div class="code-name">.icon-time3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-yulan"></span>
            <div class="name">
              预览
            </div>
            <div class="code-name">.icon-yulan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-yulan1"></span>
            <div class="name">
              预览
            </div>
            <div class="code-name">.icon-yulan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-plus-preview"></span>
            <div class="name">
              预览
            </div>
            <div class="code-name">.icon-plus-preview
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-yulan2"></span>
            <div class="name">
              预览
            </div>
            <div class="code-name">.icon-yulan2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-view"></span>
            <div class="name">
              预览
            </div>
            <div class="code-name">.icon-view
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-yulan3"></span>
            <div class="name">
              预览
            </div>
            <div class="code-name">.icon-yulan3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-iconfonttime"></span>
            <div class="name">
              iconfont-time
            </div>
            <div class="code-name">.icon-iconfonttime
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-lailiaopinzhijianyan"></span>
            <div class="name">
              来料品质检验
            </div>
            <div class="code-name">.icon-lailiaopinzhijianyan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-yewug"></span>
            <div class="name">
              业务G
            </div>
            <div class="code-name">.icon-yewug
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-ziyuan"></span>
            <div class="name">
              业务
            </div>
            <div class="code-name">.icon-ziyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-yewu"></span>
            <div class="name">
              业务
            </div>
            <div class="code-name">.icon-yewu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-yewu1"></span>
            <div class="name">
              业务
            </div>
            <div class="code-name">.icon-yewu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-yewu2"></span>
            <div class="name">
              业务
            </div>
            <div class="code-name">.icon-yewu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-yewu-copy"></span>
            <div class="name">
              业务
            </div>
            <div class="code-name">.icon-yewu-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-yewu3"></span>
            <div class="name">
              业务
            </div>
            <div class="code-name">.icon-yewu3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-yewu4"></span>
            <div class="name">
              业务
            </div>
            <div class="code-name">.icon-yewu4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-gongyongivr"></span>
            <div class="name">
              公用-ivr
            </div>
            <div class="code-name">.icon-gongyongivr
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-wenjian"></span>
            <div class="name">
              文件
            </div>
            <div class="code-name">.icon-wenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-daiban-copy"></span>
            <div class="name">
              代办
            </div>
            <div class="code-name">.icon-daiban-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-yinzhangshenpijujue"></span>
            <div class="name">
              印章-审批拒绝
            </div>
            <div class="code-name">.icon-yinzhangshenpijujue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-shenpi_yijujue"></span>
            <div class="name">
              审批_已拒绝
            </div>
            <div class="code-name">.icon-shenpi_yijujue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-shenpituihui"></span>
            <div class="name">
              审批退回
            </div>
            <div class="code-name">.icon-shenpituihui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-shenpijujue"></span>
            <div class="name">
              审批拒绝
            </div>
            <div class="code-name">.icon-shenpijujue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-workflow1"></span>
            <div class="name">
              workflow
            </div>
            <div class="code-name">.icon-workflow1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-poseidonworkflow"></span>
            <div class="name">
              Poseidon－Workflow
            </div>
            <div class="code-name">.icon-poseidonworkflow
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-workflowmonitoring"></span>
            <div class="name">
              WorkflowMonitoring
            </div>
            <div class="code-name">.icon-workflowmonitoring
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-workflow"></span>
            <div class="name">
              workflow
            </div>
            <div class="code-name">.icon-workflow
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-zhishiku"></span>
            <div class="name">
              知识库
            </div>
            <div class="code-name">.icon-zhishiku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-zhi01"></span>
            <div class="name">
              know
            </div>
            <div class="code-name">.icon-zhi01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-knowledge1"></span>
            <div class="name">
              knowledge
            </div>
            <div class="code-name">.icon-knowledge1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-icon_unknown_filled"></span>
            <div class="name">
              icon_unknown_filled
            </div>
            <div class="code-name">.icon-icon_unknown_filled
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-icon_unknown_wirefra"></span>
            <div class="name">
              icon_unknown_wirefra
            </div>
            <div class="code-name">.icon-icon_unknown_wirefra
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-user-unknown"></span>
            <div class="name">
              user-unknown
            </div>
            <div class="code-name">.icon-user-unknown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-ic_knowledge_border_"></span>
            <div class="name">
              ic_knowledge_border_
            </div>
            <div class="code-name">.icon-ic_knowledge_border_
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-ic_knowledge_px"></span>
            <div class="name">
              ic_knowledge_24px
            </div>
            <div class="code-name">.icon-ic_knowledge_px
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-iconknowledge"></span>
            <div class="name">
              icon-knowledge
            </div>
            <div class="code-name">.icon-iconknowledge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-knowledge"></span>
            <div class="name">
              knowledge
            </div>
            <div class="code-name">.icon-knowledge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-icon_knowledge"></span>
            <div class="name">
              icon_knowledge
            </div>
            <div class="code-name">.icon-icon_knowledge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-Ourknowledge"></span>
            <div class="name">
              Our knowledge
            </div>
            <div class="code-name">.icon-Ourknowledge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-dianhuahuiyi"></span>
            <div class="name">
              电话会议
            </div>
            <div class="code-name">.icon-dianhuahuiyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-icon_Dial_down"></span>
            <div class="name">
              icon_Dial_down
            </div>
            <div class="code-name">.icon-icon_Dial_down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-phone"></span>
            <div class="name">
              phone
            </div>
            <div class="code-name">.icon-phone
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-delete"></span>
            <div class="name">
              delete
            </div>
            <div class="code-name">.icon-delete
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-loginiconphone"></span>
            <div class="name">
              login_icon_phone
            </div>
            <div class="code-name">.icon-loginiconphone
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-logout"></span>
            <div class="name">
              logout
            </div>
            <div class="code-name">.icon-logout
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-weibiaoti201"></span>
            <div class="name">
              审批_图章_通过
            </div>
            <div class="code-name">.icon-weibiaoti201
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-yiguanzhu"></span>
            <div class="name">
              ready_follow
            </div>
            <div class="code-name">.icon-yiguanzhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-callin"></span>
            <div class="name">
              call in
            </div>
            <div class="code-name">.icon-callin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-yinzhangshenpitongguo"></span>
            <div class="name">
              印章-审批通过
            </div>
            <div class="code-name">.icon-yinzhangshenpitongguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-30offlineoval"></span>
            <div class="name">
              30_offline_oval
            </div>
            <div class="code-name">.icon-30offlineoval
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-14guaduan-1"></span>
            <div class="name">
              Hang up-1
            </div>
            <div class="code-name">.icon-14guaduan-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-call_transfer"></span>
            <div class="name">
              call_transfer
            </div>
            <div class="code-name">.icon-call_transfer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-hang-up"></span>
            <div class="name">
              hang-up
            </div>
            <div class="code-name">.icon-hang-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-zaixianjieda"></span>
            <div class="name">
              answer
            </div>
            <div class="code-name">.icon-zaixianjieda
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-shenpitongguo"></span>
            <div class="name">
              审批通过
            </div>
            <div class="code-name">.icon-shenpitongguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-shenpi_tongguo"></span>
            <div class="name">
              审批_通过
            </div>
            <div class="code-name">.icon-shenpi_tongguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-Call"></span>
            <div class="name">
              Call
            </div>
            <div class="code-name">.icon-Call
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-equipment_01"></span>
            <div class="name">
              设备
            </div>
            <div class="code-name">.icon-equipment_01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-shenpi-"></span>
            <div class="name">
              审批-01
            </div>
            <div class="code-name">.icon-shenpi-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-ERP_xqcaigou"></span>
            <div class="name">
              ERP_xq采购
            </div>
            <div class="code-name">.icon-ERP_xqcaigou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-servergisfuwupingtai"></span>
            <div class="name">
              server gis服务平台
            </div>
            <div class="code-name">.icon-servergisfuwupingtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-phone1"></span>
            <div class="name">
              phone
            </div>
            <div class="code-name">.icon-phone1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-phone2"></span>
            <div class="name">
              phone
            </div>
            <div class="code-name">.icon-phone2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-phone3"></span>
            <div class="name">
              phone
            </div>
            <div class="code-name">.icon-phone3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-phone4"></span>
            <div class="name">
              phone
            </div>
            <div class="code-name">.icon-phone4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-attachment"></span>
            <div class="name">
              attachment
            </div>
            <div class="code-name">.icon-attachment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-attachment1"></span>
            <div class="name">
              attachment
            </div>
            <div class="code-name">.icon-attachment1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-attachment2"></span>
            <div class="name">
              attachment
            </div>
            <div class="code-name">.icon-attachment2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-zhishiguanli"></span>
            <div class="name">
              知识管理
            </div>
            <div class="code-name">.icon-zhishiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-zhishi"></span>
            <div class="name">
              知识
            </div>
            <div class="code-name">.icon-zhishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-zhishi1"></span>
            <div class="name">
              知识
            </div>
            <div class="code-name">.icon-zhishi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-zhishifenlei"></span>
            <div class="name">
              知识分类
            </div>
            <div class="code-name">.icon-zhishifenlei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-zhishi2"></span>
            <div class="name">
              知识
            </div>
            <div class="code-name">.icon-zhishi2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-words2"></span>
            <div class="name">
              words2
            </div>
            <div class="code-name">.icon-words2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-words"></span>
            <div class="name">
              words
            </div>
            <div class="code-name">.icon-words
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-ai1"></span>
            <div class="name">
              ai
            </div>
            <div class="code-name">.icon-ai1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-AI"></span>
            <div class="name">
              AI
            </div>
            <div class="code-name">.icon-AI
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-ai2"></span>
            <div class="name">
              ai
            </div>
            <div class="code-name">.icon-ai2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-icon-test"></span>
            <div class="name">
              AI
            </div>
            <div class="code-name">.icon-icon-test
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-uicon_ai"></span>
            <div class="name">
              ai
            </div>
            <div class="code-name">.icon-uicon_ai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-ai"></span>
            <div class="name">
              Ai
            </div>
            <div class="code-name">.icon-ai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-off"></span>
            <div class="name">
              off
            </div>
            <div class="code-name">.icon-off
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-off1"></span>
            <div class="name">
              off
            </div>
            <div class="code-name">.icon-off1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-off2"></span>
            <div class="name">
              off
            </div>
            <div class="code-name">.icon-off2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-discharge_summary"></span>
            <div class="name">
              discharge_summary
            </div>
            <div class="code-name">.icon-discharge_summary
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-end-copy"></span>
            <div class="name">
              end
            </div>
            <div class="code-name">.icon-end-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-summaryline"></span>
            <div class="name">
              summary_line
            </div>
            <div class="code-name">.icon-summaryline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-node_end"></span>
            <div class="name">
              node_end
            </div>
            <div class="code-name">.icon-node_end
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-show_summary_img"></span>
            <div class="name">
              show_summary_img
            </div>
            <div class="code-name">.icon-show_summary_img
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-transfer"></span>
            <div class="name">
              transfer
            </div>
            <div class="code-name">.icon-transfer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-Summary_today"></span>
            <div class="name">
              Summary_today
            </div>
            <div class="code-name">.icon-Summary_today
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-priority"></span>
            <div class="name">
              priority
            </div>
            <div class="code-name">.icon-priority
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-fav_active"></span>
            <div class="name">
              fav_active
            </div>
            <div class="code-name">.icon-fav_active
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-iconfontfav-copy"></span>
            <div class="name">
              iconfont-fav
            </div>
            <div class="code-name">.icon-iconfontfav-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-work"></span>
            <div class="name">
              work
            </div>
            <div class="code-name">.icon-work
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-orders"></span>
            <div class="name">
              orders
            </div>
            <div class="code-name">.icon-orders
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-90"></span>
            <div class="name">
              chat
            </div>
            <div class="code-name">.icon-90
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-weixin"></span>
            <div class="name">
              weixin
            </div>
            <div class="code-name">.icon-weixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-weixin1"></span>
            <div class="name">
              weixin
            </div>
            <div class="code-name">.icon-weixin1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-chat"></span>
            <div class="name">
              chat
            </div>
            <div class="code-name">.icon-chat
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-iconfontivr"></span>
            <div class="name">
              iconfont-ivr
            </div>
            <div class="code-name">.icon-iconfontivr
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-import"></span>
            <div class="name">
              import
            </div>
            <div class="code-name">.icon-import
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-export"></span>
            <div class="name">
              export
            </div>
            <div class="code-name">.icon-export
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-import1"></span>
            <div class="name">
              import
            </div>
            <div class="code-name">.icon-import1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-import2"></span>
            <div class="name">
              import
            </div>
            <div class="code-name">.icon-import2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-import3"></span>
            <div class="name">
              import
            </div>
            <div class="code-name">.icon-import3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-import4"></span>
            <div class="name">
              import
            </div>
            <div class="code-name">.icon-import4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-export1"></span>
            <div class="name">
              export
            </div>
            <div class="code-name">.icon-export1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-daochu"></span>
            <div class="name">
              export
            </div>
            <div class="code-name">.icon-daochu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-Import"></span>
            <div class="name">
              Import
            </div>
            <div class="code-name">.icon-Import
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-import5"></span>
            <div class="name">
              import
            </div>
            <div class="code-name">.icon-import5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-export2"></span>
            <div class="name">
              export
            </div>
            <div class="code-name">.icon-export2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-customer"></span>
            <div class="name">
              customer
            </div>
            <div class="code-name">.icon-customer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-m-quick-quotation"></span>
            <div class="name">
              m-quick-quotation
            </div>
            <div class="code-name">.icon-m-quick-quotation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-tag"></span>
            <div class="name">
              tag
            </div>
            <div class="code-name">.icon-tag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-agentblacklist"></span>
            <div class="name">
              agent_blacklist
            </div>
            <div class="code-name">.icon-agentblacklist
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-history"></span>
            <div class="name">
              history
            </div>
            <div class="code-name">.icon-history
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-history1"></span>
            <div class="name">
              history
            </div>
            <div class="code-name">.icon-history1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-history2"></span>
            <div class="name">
              history
            </div>
            <div class="code-name">.icon-history2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-history3"></span>
            <div class="name">
              history
            </div>
            <div class="code-name">.icon-history3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-shoujianxiang"></span>
            <div class="name">
              收件箱
            </div>
            <div class="code-name">.icon-shoujianxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-shoujianxiangbiaoqianlan"></span>
            <div class="name">
              收件箱_标签栏
            </div>
            <div class="code-name">.icon-shoujianxiangbiaoqianlan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-shoujianxiangweixuanzhong"></span>
            <div class="name">
              收件箱（未选中）
            </div>
            <div class="code-name">.icon-shoujianxiangweixuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-user"></span>
            <div class="name">
              user
            </div>
            <div class="code-name">.icon-user
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-user1"></span>
            <div class="name">
              user
            </div>
            <div class="code-name">.icon-user1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-icon"></span>
            <div class="name">
              user
            </div>
            <div class="code-name">.icon-icon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-user-copy"></span>
            <div class="name">
              user
            </div>
            <div class="code-name">.icon-user-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-windows"></span>
            <div class="name">
              windows
            </div>
            <div class="code-name">.icon-windows
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-icon2"></span>
            <div class="name">
              mobile
            </div>
            <div class="code-name">.icon-icon2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-mac"></span>
            <div class="name">
              mac
            </div>
            <div class="code-name">.icon-mac
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-linux"></span>
            <div class="name">
              linux
            </div>
            <div class="code-name">.icon-linux
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-msnui-logo-mac"></span>
            <div class="name">
              mac
            </div>
            <div class="code-name">.icon-msnui-logo-mac
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-pc"></span>
            <div class="name">
              pc
            </div>
            <div class="code-name">.icon-pc
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-tel1"></span>
            <div class="name">
              tel
            </div>
            <div class="code-name">.icon-tel1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-demo25"></span>
            <div class="name">
              email
            </div>
            <div class="code-name">.icon-demo25
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-tel"></span>
            <div class="name">
              tel
            </div>
            <div class="code-name">.icon-tel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-thumbsup"></span>
            <div class="name">
              Thumbs up
            </div>
            <div class="code-name">.icon-thumbsup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-vip"></span>
            <div class="name">
              VIP
            </div>
            <div class="code-name">.icon-vip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-renzheng"></span>
            <div class="name">
              认证
            </div>
            <div class="code-name">.icon-renzheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-userrole1"></span>
            <div class="name">
              user_role
            </div>
            <div class="code-name">.icon-userrole1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-userrole"></span>
            <div class="name">
              user-role
            </div>
            <div class="code-name">.icon-userrole
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-password1"></span>
            <div class="name">
              password
            </div>
            <div class="code-name">.icon-password1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-password"></span>
            <div class="name">
              password
            </div>
            <div class="code-name">.icon-password
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-license"></span>
            <div class="name">
              license
            </div>
            <div class="code-name">.icon-license
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-iconfontagent"></span>
            <div class="name">
              iconfont-agent
            </div>
            <div class="code-name">.icon-iconfontagent
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-iconfontupgrade"></span>
            <div class="name">
              upgrade
            </div>
            <div class="code-name">.icon-iconfontupgrade
            </div>
          </li>
          
          <li class="dib">
            <span class="icon kfont icon-home"></span>
            <div class="name">
              home
            </div>
            <div class="code-name">.icon-home
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="kfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            kfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-circle"></use>
                </svg>
                <div class="name">圈</div>
                <div class="code-name">#icon-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xuanzhong"></use>
                </svg>
                <div class="name">选中</div>
                <div class="code-name">#icon-xuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-office-word"></use>
                </svg>
                <div class="name">office-word</div>
                <div class="code-name">#icon-office-word</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-office-excel"></use>
                </svg>
                <div class="name">office-excel</div>
                <div class="code-name">#icon-office-excel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-office-pptx"></use>
                </svg>
                <div class="name">office-pptx</div>
                <div class="code-name">#icon-office-pptx</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chart-bar"></use>
                </svg>
                <div class="name">chart-bar</div>
                <div class="code-name">#icon-chart-bar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-menu-unfold"></use>
                </svg>
                <div class="name">menu-unfold</div>
                <div class="code-name">#icon-menu-unfold</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-menu-fold1"></use>
                </svg>
                <div class="name">menu-fold</div>
                <div class="code-name">#icon-menu-fold1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenfenzhengzhengmian1"></use>
                </svg>
                <div class="name">身份证正面</div>
                <div class="code-name">#icon-shenfenzhengzhengmian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinhangqia"></use>
                </svg>
                <div class="name">银行卡</div>
                <div class="code-name">#icon-yinhangqia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user2"></use>
                </svg>
                <div class="name">user</div>
                <div class="code-name">#icon-user2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iconset0291"></use>
                </svg>
                <div class="name">银行卡</div>
                <div class="code-name">#icon-iconset0291</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenfenzhengbeimian"></use>
                </svg>
                <div class="name">身份证背面</div>
                <div class="code-name">#icon-shenfenzhengbeimian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qianming"></use>
                </svg>
                <div class="name">签名</div>
                <div class="code-name">#icon-qianming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bg-pdf"></use>
                </svg>
                <div class="name">bg-pdf</div>
                <div class="code-name">#icon-bg-pdf</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-luping"></use>
                </svg>
                <div class="name">录屏</div>
                <div class="code-name">#icon-luping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-video"></use>
                </svg>
                <div class="name">video</div>
                <div class="code-name">#icon-video</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuanchengxiezhu"></use>
                </svg>
                <div class="name">远程协助</div>
                <div class="code-name">#icon-yuanchengxiezhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-camera"></use>
                </svg>
                <div class="name">camera</div>
                <div class="code-name">#icon-camera</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lianjie"></use>
                </svg>
                <div class="name">链接</div>
                <div class="code-name">#icon-lianjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guolv"></use>
                </svg>
                <div class="name">过滤</div>
                <div class="code-name">#icon-guolv</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liebiao"></use>
                </svg>
                <div class="name">列表</div>
                <div class="code-name">#icon-liebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guolvqi"></use>
                </svg>
                <div class="name">过滤器</div>
                <div class="code-name">#icon-guolvqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pailie"></use>
                </svg>
                <div class="name">排列</div>
                <div class="code-name">#icon-pailie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liebiaoshipailie"></use>
                </svg>
                <div class="name">列表式排列</div>
                <div class="code-name">#icon-liebiaoshipailie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhibo"></use>
                </svg>
                <div class="name">直播</div>
                <div class="code-name">#icon-zhibo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhibo-"></use>
                </svg>
                <div class="name">直播</div>
                <div class="code-name">#icon-zhibo-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhiboshipinshexiang"></use>
                </svg>
                <div class="name">直播  视频  摄像</div>
                <div class="code-name">#icon-zhiboshipinshexiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huodong"></use>
                </svg>
                <div class="name">活动</div>
                <div class="code-name">#icon-huodong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianbao"></use>
                </svg>
                <div class="name">文件包</div>
                <div class="code-name">#icon-wenjianbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingxiaogongju-tuangoumiaosha"></use>
                </svg>
                <div class="name">营销工具-团购秒杀</div>
                <div class="code-name">#icon-yingxiaogongju-tuangoumiaosha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_huabanfuben"></use>
                </svg>
                <div class="name">文件包</div>
                <div class="code-name">#icon-icon_huabanfuben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huodong1"></use>
                </svg>
                <div class="name">活动</div>
                <div class="code-name">#icon-huodong1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingxiaohuodong"></use>
                </svg>
                <div class="name">营销活动</div>
                <div class="code-name">#icon-yingxiaohuodong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoyi"></use>
                </svg>
                <div class="name">交易</div>
                <div class="code-name">#icon-jiaoyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianpu"></use>
                </svg>
                <div class="name">店铺</div>
                <div class="code-name">#icon-dianpu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoyi1"></use>
                </svg>
                <div class="name">交易</div>
                <div class="code-name">#icon-jiaoyi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingxiaoshezhi"></use>
                </svg>
                <div class="name">营销设置</div>
                <div class="code-name">#icon-yingxiaoshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingxiaoguanli"></use>
                </svg>
                <div class="name">营销管理</div>
                <div class="code-name">#icon-yingxiaoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chaorongheshujuzhongxin"></use>
                </svg>
                <div class="name">超融合数据中心</div>
                <div class="code-name">#icon-chaorongheshujuzhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-RectangleCopy"></use>
                </svg>
                <div class="name">素材库</div>
                <div class="code-name">#icon-RectangleCopy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuzhongxin"></use>
                </svg>
                <div class="name">数据中心</div>
                <div class="code-name">#icon-shujuzhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-myicon-"></use>
                </svg>
                <div class="name">大数据 数据库 数据中心</div>
                <div class="code-name">#icon-myicon-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianpu1"></use>
                </svg>
                <div class="name">店铺</div>
                <div class="code-name">#icon-dianpu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanqudao"></use>
                </svg>
                <div class="name">全渠道</div>
                <div class="code-name">#icon-quanqudao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sucaiku"></use>
                </svg>
                <div class="name">素材库</div>
                <div class="code-name">#icon-sucaiku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dashuju___"></use>
                </svg>
                <div class="name">大数据</div>
                <div class="code-name">#icon-dashuju___</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chanyedashujufuwupingtai"></use>
                </svg>
                <div class="name">产业大数据服务平台</div>
                <div class="code-name">#icon-chanyedashujufuwupingtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dashujuzhongxin"></use>
                </svg>
                <div class="name">大数据中心</div>
                <div class="code-name">#icon-dashujuzhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-919caidan_xiuli"></use>
                </svg>
                <div class="name">919菜单_修理</div>
                <div class="code-name">#icon-919caidan_xiuli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenlei"></use>
                </svg>
                <div class="name">分类</div>
                <div class="code-name">#icon-fenlei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iconfontzhizuobiaozhun023130"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-iconfontzhizuobiaozhun023130</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiahao"></use>
                </svg>
                <div class="name">加号</div>
                <div class="code-name">#icon-jiahao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoucang1"></use>
                </svg>
                <div class="name">收藏</div>
                <div class="code-name">#icon-shoucang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoucang"></use>
                </svg>
                <div class="name">收藏</div>
                <div class="code-name">#icon-shoucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangmu1"></use>
                </svg>
                <div class="name">project</div>
                <div class="code-name">#icon-xiangmu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-project-setting"></use>
                </svg>
                <div class="name">project-setting</div>
                <div class="code-name">#icon-project-setting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bumen"></use>
                </svg>
                <div class="name">部门</div>
                <div class="code-name">#icon-bumen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bumenguanli"></use>
                </svg>
                <div class="name">部门管理</div>
                <div class="code-name">#icon-bumenguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iconbmgl"></use>
                </svg>
                <div class="name">部门管理</div>
                <div class="code-name">#icon-iconbmgl</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-web-icon-"></use>
                </svg>
                <div class="name">部门管理</div>
                <div class="code-name">#icon-web-icon-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bumen1"></use>
                </svg>
                <div class="name">部门</div>
                <div class="code-name">#icon-bumen1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-drxx27"></use>
                </svg>
                <div class="name">部门审批</div>
                <div class="code-name">#icon-drxx27</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bumen2"></use>
                </svg>
                <div class="name">部门</div>
                <div class="code-name">#icon-bumen2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bumenguanli1"></use>
                </svg>
                <div class="name">部门管理</div>
                <div class="code-name">#icon-bumenguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bumen3"></use>
                </svg>
                <div class="name">部门</div>
                <div class="code-name">#icon-bumen3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bumenguanli2"></use>
                </svg>
                <div class="name">部门管理</div>
                <div class="code-name">#icon-bumenguanli2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bumenguanli3"></use>
                </svg>
                <div class="name">部门管理</div>
                <div class="code-name">#icon-bumenguanli3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bumenguanli4"></use>
                </svg>
                <div class="name">部门管理</div>
                <div class="code-name">#icon-bumenguanli4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yqfqiehuan"></use>
                </svg>
                <div class="name">yqf_切换</div>
                <div class="code-name">#icon-yqfqiehuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huanyihuan"></use>
                </svg>
                <div class="name">换一换</div>
                <div class="code-name">#icon-huanyihuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-data04"></use>
                </svg>
                <div class="name">data04</div>
                <div class="code-name">#icon-data04</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-database-2"></use>
                </svg>
                <div class="name">database-2</div>
                <div class="code-name">#icon-database-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-navdatasource"></use>
                </svg>
                <div class="name">nav-data-source</div>
                <div class="code-name">#icon-navdatasource</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cube"></use>
                </svg>
                <div class="name">cube</div>
                <div class="code-name">#icon-cube</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon--cloud-database"></use>
                </svg>
                <div class="name">099-cloud-database</div>
                <div class="code-name">#icon--cloud-database</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tool_cube"></use>
                </svg>
                <div class="name">tool_cube</div>
                <div class="code-name">#icon-tool_cube</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ios-cube"></use>
                </svg>
                <div class="name">ios-cube</div>
                <div class="code-name">#icon-ios-cube</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-DMODEL"></use>
                </svg>
                <div class="name">3D MODEL</div>
                <div class="code-name">#icon-DMODEL</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-PSCloudProductionData"></use>
                </svg>
                <div class="name">57PS Cloud Production Data</div>
                <div class="code-name">#icon-PSCloudProductionData</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daihouchuli"></use>
                </svg>
                <div class="name">贷后处理</div>
                <div class="code-name">#icon-daihouchuli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-houchuli"></use>
                </svg>
                <div class="name">后处理</div>
                <div class="code-name">#icon-houchuli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huahouchuli"></use>
                </svg>
                <div class="name">话后处理</div>
                <div class="code-name">#icon-huahouchuli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huahouchuli1"></use>
                </svg>
                <div class="name">话后处理</div>
                <div class="code-name">#icon-huahouchuli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoxiu"></use>
                </svg>
                <div class="name">小休</div>
                <div class="code-name">#icon-xiaoxiu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huiyi"></use>
                </svg>
                <div class="name">会议</div>
                <div class="code-name">#icon-huiyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-meeting"></use>
                </svg>
                <div class="name">会议</div>
                <div class="code-name">#icon-meeting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuangtai"></use>
                </svg>
                <div class="name">状态</div>
                <div class="code-name">#icon-zhuangtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-riqi"></use>
                </svg>
                <div class="name">日期</div>
                <div class="code-name">#icon-riqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-riqi1"></use>
                </svg>
                <div class="name">日期</div>
                <div class="code-name">#icon-riqi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kongtiaoguankong-"></use>
                </svg>
                <div class="name">日期</div>
                <div class="code-name">#icon-kongtiaoguankong-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon1"></use>
                </svg>
                <div class="name">切换</div>
                <div class="code-name">#icon-icon1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiehuan"></use>
                </svg>
                <div class="name">切换</div>
                <div class="code-name">#icon-qiehuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiehuan1"></use>
                </svg>
                <div class="name">切换</div>
                <div class="code-name">#icon-qiehuan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiehuan2"></use>
                </svg>
                <div class="name">切换</div>
                <div class="code-name">#icon-qiehuan2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-CRM1"></use>
                </svg>
                <div class="name">CRM</div>
                <div class="code-name">#icon-CRM1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kehuguanli"></use>
                </svg>
                <div class="name">crm</div>
                <div class="code-name">#icon-kehuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-CRM2"></use>
                </svg>
                <div class="name">CRM</div>
                <div class="code-name">#icon-CRM2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-CRM3"></use>
                </svg>
                <div class="name">CRM </div>
                <div class="code-name">#icon-CRM3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-CRM4"></use>
                </svg>
                <div class="name">CRM</div>
                <div class="code-name">#icon-CRM4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon21"></use>
                </svg>
                <div class="name">crm2</div>
                <div class="code-name">#icon-icon21</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-CRM"></use>
                </svg>
                <div class="name">CRM 02</div>
                <div class="code-name">#icon-CRM</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-crm"></use>
                </svg>
                <div class="name">crm</div>
                <div class="code-name">#icon-crm</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shachu-xue"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-shachu-xue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liaotian"></use>
                </svg>
                <div class="name">聊天</div>
                <div class="code-name">#icon-liaotian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chazhao"></use>
                </svg>
                <div class="name">查找</div>
                <div class="code-name">#icon-chazhao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qingchu"></use>
                </svg>
                <div class="name">清除</div>
                <div class="code-name">#icon-qingchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kechengguanli"></use>
                </svg>
                <div class="name">课程管理</div>
                <div class="code-name">#icon-kechengguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fangda1"></use>
                </svg>
                <div class="name">放大</div>
                <div class="code-name">#icon-fangda1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoxi1"></use>
                </svg>
                <div class="name">消息</div>
                <div class="code-name">#icon-xiaoxi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weizhi"></use>
                </svg>
                <div class="name">位置</div>
                <div class="code-name">#icon-weizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wo"></use>
                </svg>
                <div class="name">我</div>
                <div class="code-name">#icon-wo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu3"></use>
                </svg>
                <div class="name">删除附件</div>
                <div class="code-name">#icon-shanchu3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mingdanfenpei"></use>
                </svg>
                <div class="name">名单分配</div>
                <div class="code-name">#icon-mingdanfenpei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiqiren"></use>
                </svg>
                <div class="name">机器人</div>
                <div class="code-name">#icon-jiqiren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiqun"></use>
                </svg>
                <div class="name">集群</div>
                <div class="code-name">#icon-jiqun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caiji"></use>
                </svg>
                <div class="name">采集</div>
                <div class="code-name">#icon-caiji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiekouguanli"></use>
                </svg>
                <div class="name">接口管理</div>
                <div class="code-name">#icon-jiekouguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wangluopachongpingtai"></use>
                </svg>
                <div class="name">网络爬虫平台</div>
                <div class="code-name">#icon-wangluopachongpingtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Dashboard"></use>
                </svg>
                <div class="name">Dashboard</div>
                <div class="code-name">#icon-Dashboard</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-task"></use>
                </svg>
                <div class="name">task</div>
                <div class="code-name">#icon-task</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dashboard"></use>
                </svg>
                <div class="name">dashboard</div>
                <div class="code-name">#icon-dashboard</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dashboard1"></use>
                </svg>
                <div class="name">dashboard</div>
                <div class="code-name">#icon-dashboard1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dashboard2"></use>
                </svg>
                <div class="name">dashboard</div>
                <div class="code-name">#icon-dashboard2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-012"></use>
                </svg>
                <div class="name">质检</div>
                <div class="code-name">#icon-012</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhijian"></use>
                </svg>
                <div class="name">质检</div>
                <div class="code-name">#icon-zhijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhijian1"></use>
                </svg>
                <div class="name">质检</div>
                <div class="code-name">#icon-zhijian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quality"></use>
                </svg>
                <div class="name">质检</div>
                <div class="code-name">#icon-quality</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhijianfuwu"></use>
                </svg>
                <div class="name">质检服务</div>
                <div class="code-name">#icon-zhijianfuwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhijian2"></use>
                </svg>
                <div class="name">质检</div>
                <div class="code-name">#icon-zhijian2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhijian3"></use>
                </svg>
                <div class="name">质检</div>
                <div class="code-name">#icon-zhijian3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-012-copy"></use>
                </svg>
                <div class="name">质检</div>
                <div class="code-name">#icon-012-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhijian4"></use>
                </svg>
                <div class="name">质检</div>
                <div class="code-name">#icon-zhijian4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-AIzhijianbaobiao"></use>
                </svg>
                <div class="name">AI质检报表</div>
                <div class="code-name">#icon-AIzhijianbaobiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-AIzhijianbaobiao_h"></use>
                </svg>
                <div class="name">AI质检报表_h</div>
                <div class="code-name">#icon-AIzhijianbaobiao_h</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhijianfenpei_h"></use>
                </svg>
                <div class="name">质检分配_h</div>
                <div class="code-name">#icon-zhijianfenpei_h</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhijianshenhe"></use>
                </svg>
                <div class="name">质检审核</div>
                <div class="code-name">#icon-zhijianshenhe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhijianshenhe_h"></use>
                </svg>
                <div class="name">质检审核_h</div>
                <div class="code-name">#icon-zhijianshenhe_h</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhijianfuhe_h"></use>
                </svg>
                <div class="name">质检复核_h</div>
                <div class="code-name">#icon-zhijianfuhe_h</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhijianjieguo"></use>
                </svg>
                <div class="name">质检结果</div>
                <div class="code-name">#icon-zhijianjieguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhijiandan_huaban"></use>
                </svg>
                <div class="name">质检单</div>
                <div class="code-name">#icon-zhijiandan_huaban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye-"></use>
                </svg>
                <div class="name">品质检测</div>
                <div class="code-name">#icon-shouye-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pinzhijiance"></use>
                </svg>
                <div class="name">品质检测</div>
                <div class="code-name">#icon-pinzhijiance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baobiao"></use>
                </svg>
                <div class="name">报表</div>
                <div class="code-name">#icon-baobiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baobiao1"></use>
                </svg>
                <div class="name">报表</div>
                <div class="code-name">#icon-baobiao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baobiao2"></use>
                </svg>
                <div class="name">报表</div>
                <div class="code-name">#icon-baobiao2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baobiaofenxi-copy"></use>
                </svg>
                <div class="name">报表分析</div>
                <div class="code-name">#icon-baobiaofenxi-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baobiaobiaoweiguanli"></use>
                </svg>
                <div class="name">报表 表尾管理</div>
                <div class="code-name">#icon-baobiaobiaoweiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baobiao3"></use>
                </svg>
                <div class="name">报表</div>
                <div class="code-name">#icon-baobiao3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-checkboxmultiplemarkedoutline"></use>
                </svg>
                <div class="name">checkbox-multiple-marked-outline</div>
                <div class="code-name">#icon-checkboxmultiplemarkedoutline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iddenglu"></use>
                </svg>
                <div class="name">ID登录</div>
                <div class="code-name">#icon-iddenglu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ringpause"></use>
                </svg>
                <div class="name">ring pause</div>
                <div class="code-name">#icon-ringpause</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-time"></use>
                </svg>
                <div class="name">time</div>
                <div class="code-name">#icon-time</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-time2"></use>
                </svg>
                <div class="name">time_2</div>
                <div class="code-name">#icon-time2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-time1"></use>
                </svg>
                <div class="name">time</div>
                <div class="code-name">#icon-time1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-time3"></use>
                </svg>
                <div class="name">time</div>
                <div class="code-name">#icon-time3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yulan"></use>
                </svg>
                <div class="name">预览</div>
                <div class="code-name">#icon-yulan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yulan1"></use>
                </svg>
                <div class="name">预览</div>
                <div class="code-name">#icon-yulan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-plus-preview"></use>
                </svg>
                <div class="name">预览</div>
                <div class="code-name">#icon-plus-preview</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yulan2"></use>
                </svg>
                <div class="name">预览</div>
                <div class="code-name">#icon-yulan2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-view"></use>
                </svg>
                <div class="name">预览</div>
                <div class="code-name">#icon-view</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yulan3"></use>
                </svg>
                <div class="name">预览</div>
                <div class="code-name">#icon-yulan3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iconfonttime"></use>
                </svg>
                <div class="name">iconfont-time</div>
                <div class="code-name">#icon-iconfonttime</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lailiaopinzhijianyan"></use>
                </svg>
                <div class="name">来料品质检验</div>
                <div class="code-name">#icon-lailiaopinzhijianyan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yewug"></use>
                </svg>
                <div class="name">业务G</div>
                <div class="code-name">#icon-yewug</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziyuan"></use>
                </svg>
                <div class="name">业务</div>
                <div class="code-name">#icon-ziyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yewu"></use>
                </svg>
                <div class="name">业务</div>
                <div class="code-name">#icon-yewu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yewu1"></use>
                </svg>
                <div class="name">业务</div>
                <div class="code-name">#icon-yewu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yewu2"></use>
                </svg>
                <div class="name">业务</div>
                <div class="code-name">#icon-yewu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yewu-copy"></use>
                </svg>
                <div class="name">业务</div>
                <div class="code-name">#icon-yewu-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yewu3"></use>
                </svg>
                <div class="name">业务</div>
                <div class="code-name">#icon-yewu3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yewu4"></use>
                </svg>
                <div class="name">业务</div>
                <div class="code-name">#icon-yewu4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongyongivr"></use>
                </svg>
                <div class="name">公用-ivr</div>
                <div class="code-name">#icon-gongyongivr</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjian"></use>
                </svg>
                <div class="name">文件</div>
                <div class="code-name">#icon-wenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daiban-copy"></use>
                </svg>
                <div class="name">代办</div>
                <div class="code-name">#icon-daiban-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinzhangshenpijujue"></use>
                </svg>
                <div class="name">印章-审批拒绝</div>
                <div class="code-name">#icon-yinzhangshenpijujue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenpi_yijujue"></use>
                </svg>
                <div class="name">审批_已拒绝</div>
                <div class="code-name">#icon-shenpi_yijujue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenpituihui"></use>
                </svg>
                <div class="name">审批退回</div>
                <div class="code-name">#icon-shenpituihui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenpijujue"></use>
                </svg>
                <div class="name">审批拒绝</div>
                <div class="code-name">#icon-shenpijujue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-workflow1"></use>
                </svg>
                <div class="name">workflow</div>
                <div class="code-name">#icon-workflow1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-poseidonworkflow"></use>
                </svg>
                <div class="name">Poseidon－Workflow</div>
                <div class="code-name">#icon-poseidonworkflow</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-workflowmonitoring"></use>
                </svg>
                <div class="name">WorkflowMonitoring</div>
                <div class="code-name">#icon-workflowmonitoring</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-workflow"></use>
                </svg>
                <div class="name">workflow</div>
                <div class="code-name">#icon-workflow</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhishiku"></use>
                </svg>
                <div class="name">知识库</div>
                <div class="code-name">#icon-zhishiku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhi01"></use>
                </svg>
                <div class="name">know</div>
                <div class="code-name">#icon-zhi01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-knowledge1"></use>
                </svg>
                <div class="name">knowledge</div>
                <div class="code-name">#icon-knowledge1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_unknown_filled"></use>
                </svg>
                <div class="name">icon_unknown_filled</div>
                <div class="code-name">#icon-icon_unknown_filled</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_unknown_wirefra"></use>
                </svg>
                <div class="name">icon_unknown_wirefra</div>
                <div class="code-name">#icon-icon_unknown_wirefra</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user-unknown"></use>
                </svg>
                <div class="name">user-unknown</div>
                <div class="code-name">#icon-user-unknown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_knowledge_border_"></use>
                </svg>
                <div class="name">ic_knowledge_border_</div>
                <div class="code-name">#icon-ic_knowledge_border_</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ic_knowledge_px"></use>
                </svg>
                <div class="name">ic_knowledge_24px</div>
                <div class="code-name">#icon-ic_knowledge_px</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iconknowledge"></use>
                </svg>
                <div class="name">icon-knowledge</div>
                <div class="code-name">#icon-iconknowledge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-knowledge"></use>
                </svg>
                <div class="name">knowledge</div>
                <div class="code-name">#icon-knowledge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_knowledge"></use>
                </svg>
                <div class="name">icon_knowledge</div>
                <div class="code-name">#icon-icon_knowledge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Ourknowledge"></use>
                </svg>
                <div class="name">Our knowledge</div>
                <div class="code-name">#icon-Ourknowledge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianhuahuiyi"></use>
                </svg>
                <div class="name">电话会议</div>
                <div class="code-name">#icon-dianhuahuiyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_Dial_down"></use>
                </svg>
                <div class="name">icon_Dial_down</div>
                <div class="code-name">#icon-icon_Dial_down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-phone"></use>
                </svg>
                <div class="name">phone</div>
                <div class="code-name">#icon-phone</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-delete"></use>
                </svg>
                <div class="name">delete</div>
                <div class="code-name">#icon-delete</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-loginiconphone"></use>
                </svg>
                <div class="name">login_icon_phone</div>
                <div class="code-name">#icon-loginiconphone</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-logout"></use>
                </svg>
                <div class="name">logout</div>
                <div class="code-name">#icon-logout</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weibiaoti201"></use>
                </svg>
                <div class="name">审批_图章_通过</div>
                <div class="code-name">#icon-weibiaoti201</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yiguanzhu"></use>
                </svg>
                <div class="name">ready_follow</div>
                <div class="code-name">#icon-yiguanzhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-callin"></use>
                </svg>
                <div class="name">call in</div>
                <div class="code-name">#icon-callin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinzhangshenpitongguo"></use>
                </svg>
                <div class="name">印章-审批通过</div>
                <div class="code-name">#icon-yinzhangshenpitongguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-30offlineoval"></use>
                </svg>
                <div class="name">30_offline_oval</div>
                <div class="code-name">#icon-30offlineoval</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-14guaduan-1"></use>
                </svg>
                <div class="name">Hang up-1</div>
                <div class="code-name">#icon-14guaduan-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-call_transfer"></use>
                </svg>
                <div class="name">call_transfer</div>
                <div class="code-name">#icon-call_transfer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hang-up"></use>
                </svg>
                <div class="name">hang-up</div>
                <div class="code-name">#icon-hang-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zaixianjieda"></use>
                </svg>
                <div class="name">answer</div>
                <div class="code-name">#icon-zaixianjieda</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenpitongguo"></use>
                </svg>
                <div class="name">审批通过</div>
                <div class="code-name">#icon-shenpitongguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenpi_tongguo"></use>
                </svg>
                <div class="name">审批_通过</div>
                <div class="code-name">#icon-shenpi_tongguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Call"></use>
                </svg>
                <div class="name">Call</div>
                <div class="code-name">#icon-Call</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-equipment_01"></use>
                </svg>
                <div class="name">设备</div>
                <div class="code-name">#icon-equipment_01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenpi-"></use>
                </svg>
                <div class="name">审批-01</div>
                <div class="code-name">#icon-shenpi-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ERP_xqcaigou"></use>
                </svg>
                <div class="name">ERP_xq采购</div>
                <div class="code-name">#icon-ERP_xqcaigou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-servergisfuwupingtai"></use>
                </svg>
                <div class="name">server gis服务平台</div>
                <div class="code-name">#icon-servergisfuwupingtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-phone1"></use>
                </svg>
                <div class="name">phone</div>
                <div class="code-name">#icon-phone1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-phone2"></use>
                </svg>
                <div class="name">phone</div>
                <div class="code-name">#icon-phone2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-phone3"></use>
                </svg>
                <div class="name">phone</div>
                <div class="code-name">#icon-phone3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-phone4"></use>
                </svg>
                <div class="name">phone</div>
                <div class="code-name">#icon-phone4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-attachment"></use>
                </svg>
                <div class="name">attachment</div>
                <div class="code-name">#icon-attachment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-attachment1"></use>
                </svg>
                <div class="name">attachment</div>
                <div class="code-name">#icon-attachment1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-attachment2"></use>
                </svg>
                <div class="name">attachment</div>
                <div class="code-name">#icon-attachment2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhishiguanli"></use>
                </svg>
                <div class="name">知识管理</div>
                <div class="code-name">#icon-zhishiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhishi"></use>
                </svg>
                <div class="name">知识</div>
                <div class="code-name">#icon-zhishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhishi1"></use>
                </svg>
                <div class="name">知识</div>
                <div class="code-name">#icon-zhishi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhishifenlei"></use>
                </svg>
                <div class="name">知识分类</div>
                <div class="code-name">#icon-zhishifenlei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhishi2"></use>
                </svg>
                <div class="name">知识</div>
                <div class="code-name">#icon-zhishi2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-words2"></use>
                </svg>
                <div class="name">words2</div>
                <div class="code-name">#icon-words2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-words"></use>
                </svg>
                <div class="name">words</div>
                <div class="code-name">#icon-words</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ai1"></use>
                </svg>
                <div class="name">ai</div>
                <div class="code-name">#icon-ai1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-AI"></use>
                </svg>
                <div class="name">AI</div>
                <div class="code-name">#icon-AI</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ai2"></use>
                </svg>
                <div class="name">ai</div>
                <div class="code-name">#icon-ai2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-test"></use>
                </svg>
                <div class="name">AI</div>
                <div class="code-name">#icon-icon-test</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-uicon_ai"></use>
                </svg>
                <div class="name">ai</div>
                <div class="code-name">#icon-uicon_ai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ai"></use>
                </svg>
                <div class="name">Ai</div>
                <div class="code-name">#icon-ai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-off"></use>
                </svg>
                <div class="name">off</div>
                <div class="code-name">#icon-off</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-off1"></use>
                </svg>
                <div class="name">off</div>
                <div class="code-name">#icon-off1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-off2"></use>
                </svg>
                <div class="name">off</div>
                <div class="code-name">#icon-off2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-discharge_summary"></use>
                </svg>
                <div class="name">discharge_summary</div>
                <div class="code-name">#icon-discharge_summary</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-end-copy"></use>
                </svg>
                <div class="name">end</div>
                <div class="code-name">#icon-end-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-summaryline"></use>
                </svg>
                <div class="name">summary_line</div>
                <div class="code-name">#icon-summaryline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-node_end"></use>
                </svg>
                <div class="name">node_end</div>
                <div class="code-name">#icon-node_end</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-show_summary_img"></use>
                </svg>
                <div class="name">show_summary_img</div>
                <div class="code-name">#icon-show_summary_img</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-transfer"></use>
                </svg>
                <div class="name">transfer</div>
                <div class="code-name">#icon-transfer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Summary_today"></use>
                </svg>
                <div class="name">Summary_today</div>
                <div class="code-name">#icon-Summary_today</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-priority"></use>
                </svg>
                <div class="name">priority</div>
                <div class="code-name">#icon-priority</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fav_active"></use>
                </svg>
                <div class="name">fav_active</div>
                <div class="code-name">#icon-fav_active</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iconfontfav-copy"></use>
                </svg>
                <div class="name">iconfont-fav</div>
                <div class="code-name">#icon-iconfontfav-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-work"></use>
                </svg>
                <div class="name">work</div>
                <div class="code-name">#icon-work</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-orders"></use>
                </svg>
                <div class="name">orders</div>
                <div class="code-name">#icon-orders</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-90"></use>
                </svg>
                <div class="name">chat</div>
                <div class="code-name">#icon-90</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixin"></use>
                </svg>
                <div class="name">weixin</div>
                <div class="code-name">#icon-weixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixin1"></use>
                </svg>
                <div class="name">weixin</div>
                <div class="code-name">#icon-weixin1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chat"></use>
                </svg>
                <div class="name">chat</div>
                <div class="code-name">#icon-chat</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iconfontivr"></use>
                </svg>
                <div class="name">iconfont-ivr</div>
                <div class="code-name">#icon-iconfontivr</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-import"></use>
                </svg>
                <div class="name">import</div>
                <div class="code-name">#icon-import</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-export"></use>
                </svg>
                <div class="name">export</div>
                <div class="code-name">#icon-export</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-import1"></use>
                </svg>
                <div class="name">import</div>
                <div class="code-name">#icon-import1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-import2"></use>
                </svg>
                <div class="name">import</div>
                <div class="code-name">#icon-import2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-import3"></use>
                </svg>
                <div class="name">import</div>
                <div class="code-name">#icon-import3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-import4"></use>
                </svg>
                <div class="name">import</div>
                <div class="code-name">#icon-import4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-export1"></use>
                </svg>
                <div class="name">export</div>
                <div class="code-name">#icon-export1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daochu"></use>
                </svg>
                <div class="name">export</div>
                <div class="code-name">#icon-daochu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Import"></use>
                </svg>
                <div class="name">Import</div>
                <div class="code-name">#icon-Import</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-import5"></use>
                </svg>
                <div class="name">import</div>
                <div class="code-name">#icon-import5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-export2"></use>
                </svg>
                <div class="name">export</div>
                <div class="code-name">#icon-export2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-customer"></use>
                </svg>
                <div class="name">customer</div>
                <div class="code-name">#icon-customer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-m-quick-quotation"></use>
                </svg>
                <div class="name">m-quick-quotation</div>
                <div class="code-name">#icon-m-quick-quotation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tag"></use>
                </svg>
                <div class="name">tag</div>
                <div class="code-name">#icon-tag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-agentblacklist"></use>
                </svg>
                <div class="name">agent_blacklist</div>
                <div class="code-name">#icon-agentblacklist</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-history"></use>
                </svg>
                <div class="name">history</div>
                <div class="code-name">#icon-history</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-history1"></use>
                </svg>
                <div class="name">history</div>
                <div class="code-name">#icon-history1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-history2"></use>
                </svg>
                <div class="name">history</div>
                <div class="code-name">#icon-history2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-history3"></use>
                </svg>
                <div class="name">history</div>
                <div class="code-name">#icon-history3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoujianxiang"></use>
                </svg>
                <div class="name">收件箱</div>
                <div class="code-name">#icon-shoujianxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoujianxiangbiaoqianlan"></use>
                </svg>
                <div class="name">收件箱_标签栏</div>
                <div class="code-name">#icon-shoujianxiangbiaoqianlan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoujianxiangweixuanzhong"></use>
                </svg>
                <div class="name">收件箱（未选中）</div>
                <div class="code-name">#icon-shoujianxiangweixuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user"></use>
                </svg>
                <div class="name">user</div>
                <div class="code-name">#icon-user</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user1"></use>
                </svg>
                <div class="name">user</div>
                <div class="code-name">#icon-user1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon"></use>
                </svg>
                <div class="name">user</div>
                <div class="code-name">#icon-icon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user-copy"></use>
                </svg>
                <div class="name">user</div>
                <div class="code-name">#icon-user-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-windows"></use>
                </svg>
                <div class="name">windows</div>
                <div class="code-name">#icon-windows</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon2"></use>
                </svg>
                <div class="name">mobile</div>
                <div class="code-name">#icon-icon2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mac"></use>
                </svg>
                <div class="name">mac</div>
                <div class="code-name">#icon-mac</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-linux"></use>
                </svg>
                <div class="name">linux</div>
                <div class="code-name">#icon-linux</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-msnui-logo-mac"></use>
                </svg>
                <div class="name">mac</div>
                <div class="code-name">#icon-msnui-logo-mac</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pc"></use>
                </svg>
                <div class="name">pc</div>
                <div class="code-name">#icon-pc</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tel1"></use>
                </svg>
                <div class="name">tel</div>
                <div class="code-name">#icon-tel1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-demo25"></use>
                </svg>
                <div class="name">email</div>
                <div class="code-name">#icon-demo25</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tel"></use>
                </svg>
                <div class="name">tel</div>
                <div class="code-name">#icon-tel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-thumbsup"></use>
                </svg>
                <div class="name">Thumbs up</div>
                <div class="code-name">#icon-thumbsup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-vip"></use>
                </svg>
                <div class="name">VIP</div>
                <div class="code-name">#icon-vip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renzheng"></use>
                </svg>
                <div class="name">认证</div>
                <div class="code-name">#icon-renzheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-userrole1"></use>
                </svg>
                <div class="name">user_role</div>
                <div class="code-name">#icon-userrole1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-userrole"></use>
                </svg>
                <div class="name">user-role</div>
                <div class="code-name">#icon-userrole</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-password1"></use>
                </svg>
                <div class="name">password</div>
                <div class="code-name">#icon-password1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-password"></use>
                </svg>
                <div class="name">password</div>
                <div class="code-name">#icon-password</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-license"></use>
                </svg>
                <div class="name">license</div>
                <div class="code-name">#icon-license</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iconfontagent"></use>
                </svg>
                <div class="name">iconfont-agent</div>
                <div class="code-name">#icon-iconfontagent</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iconfontupgrade"></use>
                </svg>
                <div class="name">upgrade</div>
                <div class="code-name">#icon-iconfontupgrade</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-home"></use>
                </svg>
                <div class="name">home</div>
                <div class="code-name">#icon-home</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
